
@use "~/styles/variables.scss" as *;
.page {
    color: #000;
    .page-nav-container {
        box-sizing: border-box;
        width: 100%;
        font-weight: 500;
        flex-shrink: 0;
        .back-btn {
            font-size: 48rpx;
            padding: 10rpx;
        }
    }
    .progress-bar {
        margin: 10px 0;
        background: rgba(0,0,0, 0.3);
        z-index: 1;
        position: relative;
        .progress-val {
            background: $color-income;
        }
        .progress-val-over {
            background: $color-pay;
        }
    }
    .opreate-list-container {
        width: 700rpx;
        overflow: hidden;
        .move-action-container {
            position: relative;
            .move-action-item {
                height: 100%;
            }
            .move-action {
                width: 344rpx;
                height: 100%;
                .active-btn {
                    color: #fff;
                    height: 100%;
                    &:first-child {
                        background-color: $color-income;
                    }
                    &:last-child {
                        background-color: $color-pay;
                    }
                }
            }
        }
    }
    .no-data {
        height: 300rpx;
        line-height: 40rpx;
        position: relative;
        overflow: hidden;
        .title {
            font-weight: 500;
        }
        .tips {
            line-height: 60rpx;
        }
        .bg-word {
            font-size: 140rpx;
            position: absolute;
            bottom: 0rpx;
            width: 100%;
            text-align: center;
            pointer-events: none;
        }
    }
}
.is-behind {
    &.need-filter,.need-filter {
        filter: blur(20rpx);
    }
}